<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>我的资产-交易账户</title>
    <link rel="stylesheet" href="../assets/css/mui.min.css">
    <!-- 自定义的公共样式表 -->
    <link rel="stylesheet" href="../assets/css/lib.common.css">
    <!-- 页面样式 -->
    <link rel="stylesheet" href="../assets/css/app.css">
    <link rel="stylesheet" href="../assets/css/animate3.1.5.css">
    <script src="../assets/js/mui.min.js"></script>
    <!-- 点击复制文本 -->
    <script src="../assets/js/clipboard.min.js"></script>
    <!-- 自定义的js脚本 -->
    <script src="../assets/js/lib.common.js"></script>

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    [endif]-->
</head>
<body>
<!-- 头部状态栏start -->
<header class="mui-bar mui-bar-nav">
    <a url="./我的资产.html" class="mui-icon mui-icon-back dark"></a>
    <h1 class="mui-title black bold">
        我的资产-交易账户
    </h1>
</header>
<!-- 头部状态栏end -->

<!-- 头部状态栏end -->
<div class="mui-row p_t44 fabi-content ">
    <div class="mui-col-xs-12 mui-col-sm-12 bg-light">
        <div class="mui-slider">
            <div class="mui-scroll-wrapper mui-segmented-control mui-segmented-control-inverted bg-white p_t10">
                <a class="mui-control-item mui-active" href="#item1">
                    锁定
                </a>
                <a class="mui-control-item" href="#item2">
                    未锁定
                </a>
            </div>
            <div class="mui-slider-group m_t5">
                <!--锁定-->
                <div id="item1" class="mui-slider-item mui-control-content mui-active bg-white border0" style="height: 800px;">
                    <div class="mui-scroll-wrapper">
                        <div class="mui-scroll p_x10 p_t10">
                            <table class="table">
                                <tr>
                                    <th class="text-center black normal font12 ">
                                        <a href="#" class="line30">记录</a>
                                    </th>
                                    <th class="text-center black normal font12">
                                        <a href="#" class="line30">时间</a>
                                    </th>
                                </tr>
                                <tr>
                                    <td class="text-center">ASD12648646598464</td>
                                    <td class="text-center">2018-08-08 12:00:45</td>
                                </tr>
                                <tr>
                                    <td class="text-center">ASD12648646598464</td>
                                    <td class="text-center">2018-08-08 12:00:45</td>
                                </tr>
                                <tr>
                                    <td class="text-center">ASD12648646598464</td>
                                    <td class="text-center">2018-08-08 12:00:45</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>

                <!--未锁定-->
                <div id="item2" class="mui-slider-item mui-control-content bg-white border0">
                    <div class="mui-scroll-wrapper">
                        <div class="mui-scroll p_x10 p_t10">
                            <table class="table">
                                <tr>
                                    <th class="text-center black normal font12 ">
                                        <a href="#" class="line30">记录</a>
                                    </th>
                                    <th class="text-center black normal font12">
                                        <a href="#" class="line30">时间</a>
                                    </th>
                                </tr>
                                <tr>
                                    <td class="text-center" colspan="100">
                                        <p class="no-data">暂无数据</p>
                                    </td>
                                </tr>

                            </table>

                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>
</div>

<div class="mui-col-xs-12 mui-col-sm-12">
    <div class="app-footer">
        <!-- 防止底部导航挡住内容的区块（勿删） -->
    </div>
</div>

<!-- 底部导航条start -->
<nav class="mui-bar mui-bar-tab">
    <a url="./法币交易.html" class="mui-tab-item">
        <div class="p_y2">
            <img src="../assets/image/xhdpi-v4/ganggan_no.png">
        </div>
        <div class="mui-tab-label">法币交易</div>
    </a>
    <a url="./我的资产-划转.html" class="mui-tab-item">
        <div class="p_y2">
            <img src="../assets/image/xhdpi-v4/sun.png">
        </div>
        <div class="mui-tab-label">划转</div>
    </a>
    <a url="./我的资产-充币地址.html" class="mui-tab-item">
        <div class="p_y2">
            <img src="../assets/image/xhdpi-v4/c2cjiaoyi.png">
        </div>
        <div class="mui-tab-label">充币</div>
    </a>
    <a url="./我的资产-提币.html" class="mui-tab-item">
        <div class="p_y2">
            <img src="../assets/image/xhdpi-v4/c2cfabu.png">
        </div>
        <div class="mui-tab-label">提币</div>
    </a>
</nav>
<!-- 底部导航条start -->

</body>

</html>
<script>
    mui('.mui-scroll-wrapper').scroll();
</script>